<template>
	<div>
		<ul class="tab-title">
			<li>
				<router-link to='/home'>主页</router-link>
			</li>
			<li>
				<router-link to='/user'>用户</router-link>
			</li>
			<li>
				<router-link to='/listdata'>列表</router-link>
			</li>
		</ul>
		<router-view></router-view>
	</div>
</template>

<script>

export default {
  name: 'main',
  data () {
    return {

    }
  }
}
</script>

<style scoped>
.tab-title{
	margin: 0;
	padding:10px;
	border-bottom:1px solid #ddd;
}
.tab-title li{
	display: inline-block;
	padding: 5px 20px;
	border:1px solid #ddd;
	border-radius: 5px;
}
.tab-title li:hover{
	background-color: #eee;
}
.tab-title li:active{
	background-color: #999;
}
.tab-title a{
	color:#2c3e50;
	text-decoration: none;
}
</style>
